<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>每个数增加30%返回新数组</title>
</head>
<body>
    <!-- 编写函数map(arr) 把数组中的每一位数字都增加30%，并返回一个新数组 -->
    <!-- 
        var arr = [10, 100, 1000]

function map() {
  // code in here ...
    
    return  
}

console.log(map(arr)) // [13, 130, 1300]
     -->
     <script>
        /*
            1.编写函数map(arr)
            2.把数组中的每一位数字都增加30%组成新的数组
            3.并返回这个新数组
   */
        function map(arr, callback) {
            var newArr = [];
            for (var i = 0; i < arr.length; i++) {
                // 是增加30%
                newArr.push(
                    // 调用callback的时候得到的返回值，返回值就是我在外面更改之后的那个值，然后把返回值 push的新的数组中，
                    callback(arr[i])
                );
            }
            // 返回新数组
            return newArr;
        }

        var arr = [10, 100, 1000];
        console.log(map(arr, function (num) {
            // 这个函数就是map函数中的回调函数
            // return 后面的就是回调函数的 返回值
            return num * 1.3
        }));

    </script>
    
</body>
</html>